.page{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
}

/* 订单tab */
.order-tab{
	position: fixed;
	left: 0;
	top: 0;
	/* #ifdef H5 */
	top: 88rpx;
	/* #endif */
	z-index: 10;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100rpx;
	background-color: #FFFFFF;
	.tab{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 205%;
		height: 80%;
		text{
			font-size: 26rpx;
			color: #959595;
		}
	}
	.action{
		text{
			color: #222222;
		}
		.line{
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 60rpx;
			height: 6rpx;
			background: linear-gradient(to right,$base,#f6f6f6);
			transform: translate(-50%,0);
		}
	}
}
/* 订单列表 */
.order-list{
	width: 100%;
	margin: 20rpx auto;
	margin-top: 60px;
	.order-li{
		padding: 20rpx 4%;
		background-color: #FFFFFF;
		border-radius: 20rpx;
		margin-bottom: 20rpx;
		.order-number{
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			height: 60rpx;
			border-bottom: 1px #c8c4c4 dashed;
			.number{
				display: flex;
				align-items: center;
				.icon{
					margin-left: 20rpx;
					border: 1px solid #F43F3B;
					border-radius: 10rpx;
					background-color: #F43F3B;
					color: #FFFFFF;
					font-size: 22rpx;
				}
				text{
					font-size: 26rpx;
					color: #959595;
				}
			}
			.type{
				display: flex;
				align-items: center;
				.red{
					color: $base;
				}
				image{
					width: 34rpx;
					height: 34rpx;
				}
				text{
					font-size: 26rpx;
					font-weight: bold;
					color: #222222;
					margin-left: 10rpx;
				}
			}
		}
		.goods-list{
			width: 100%;
			//height: 200rpx;
			.list{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 5px 0;
				height: 80rpx;
				.green{
					color: #007c00 !important;
				}
				.big{
					color: #212121;
				}
				.info{
					//display: flex;
					align-items: center;
					width: 25%;
					height: 100%;
					font-size: 28rpx;
					color: #888888;
					text{
						display: inline-block;
						text-align: center;
						align-items: center;
						justify-content: space-between;
						width: 100%;
					}
				}
			}
		}
		.order-status{
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 60rpx;
			//background-color: #f6f6f6;
			//border-radius: 20rpx;
			
			text{
				font-size: 24rpx;
				color: #959595;
			}
			text:nth-child(1){
				//color: #222222;
				//margin-right: 20rpx;
			}
		}
		.order-btn{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			width: 100%;
			height: 100rpx;
			background-color: #FFFFFF;
			text{
				padding: 10rpx 30rpx;
				font-size: 24rpx;
				color: #959595;
				border: 2rpx solid #EEEEEE;
				border-radius: 100rpx;
			}
			
		}
		.switch-setting{
			.action{
				//border: 2rpx solid $base;
				color: #989898;
				font-size: 24rpx;
			}
			.sm{
				margin-left: 10rpx;
			}
		}
	}
	.position{
		padding: 5px 0;
		background-color: #ffffff;
		border-radius: 20rpx;
		overflow: hidden;
		margin: 20rpx auto;
		width: 100%;
		//border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		.title{
			width: 100%;
			padding: 5px 0;
			//align-items: center;
			//justify-content: space-between;
			text{
				width: 25%;
				display: inline-block;
				text-align: center;
				color: #888888;
			}
		}
		.list{
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 50px;
			padding: 5px 0;
			border: 1px #ddd dashed;
			.green{
				color: #007c00 !important;
			}
			.big{
				color: #212121;
			}
			.info{
				//display: flex;
				align-items: center;
				width: 25%;
				height: 100%;
				font-size: 28rpx;
				color: #888888;
				text{
					display: inline-block;
					text-align: center;
					align-items: center;
					justify-content: space-between;
					width: 100%;
				}
			}
		}
		.info_50{
			width: 50% !important;
		}
		.size_11{
			font-size: 22rpx !important;
		}
	}
}

/* 筛选弹窗 */
.filtrate-win{
	.cu-dialog{
		top:0;
		height:calc(100vh);
		flex-basis: 90% !important;
		background-color: #FFFFFF;
		// 下单时间
		.order-time{
			padding: 0 4%;
			.title{
				display: flex;
				align-items: center;
				width: 100%;
				height: 100rpx;
				text{
					font-size: 28rpx;
					color: #222222;
				}
			}
			.time-list{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				width: 100%;
				.list{
					display: flex;
					align-items: center;
					justify-content: center;
					width: 48%;
					height: 60rpx;
					background-color: #f6f6f6;
					border: 2rpx solid #FFFFFF;
					border-radius: 60rpx;
					margin-bottom: 20rpx;
					text{
						font-size: 26rpx;
						color: #222222;
					}
				}
				.action{
					background-color: $rgba-02;
					border: 2rpx solid $base;
					text{
						color: $base;
					}
				}
			}
		}
		// 按钮
		.footer-btn{
			position: absolute;
			left: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			width: 100%;
			height: 100rpx;
			border-top: 2rpx solid #f6f6f6;
			.btn{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 50%;
				height: 100%;
				text{
					font-size: 28rpx;
					color: #555555;
				}
			}
			.action{
				background: linear-gradient(to right,$base,$change-clor);
				text{
					color: #FFFFFF;
				}
			}
		}
	}
}